<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <link type="text/css" rel="stylesheet" href="../styles/main.css">
    <script src="../scripts/jquery-1.11.1.min.js"></script>
    <script src="../scripts/cart/cart.js"></script>
    <script src="../scripts/util.js"></script>
    <script src="../scripts/template.js"></script>
</head>
<body>
<div class="container">
<!--top-->
<div class="top">
    <span class="top_l fl"><i class="ico ico-wel"></i>您好！欢迎光临本洗衣网站</span>
    <div class="top_r fr">
        <a href="#" class="b_word">登录</a> <span class="b_word">　|　</span> <a href="#" class="b_word">注册</a>　
        <a href="#">我的订单</a>　|　<a href="#">服务中心</a>　|　<a href="#">加入我们</a>
    </div>
</div>
<!--top 结束-->

<!--logo-->
<div class="logo">
    <div class="logo_content">
    <div class="logo_l fl"><img src="../images/logo.png"></div>
    <div class="logo_r fr"><i class="ico ico_phone2"></i><em>客服热线：4000-173-973</em></div>
    </div>
</div>
<!--logo 结束-->

    <!--购物车开始-->
    <div class="shop_box">
            <div class="process">
                <span class="fl"><i class="ico ico_car"></i>我的洗衣篮</span>
                <div class="step  fr">
                    <div class="selected step-1">
                        <span></span><i>1</i> <em>1.我的干洗篮</em>
                    </div>
                    <div class="step-2">
                        <span></span><i>2</i> <em>2.确认订单信息</em>
                    </div>
                    <div class="step-3">
                        <span></span><i>3</i> <em>3.订单完成</em>
                    </div>
                </div>
            </div>
            
            	<div class="cart-list">
                
     		</div>
    </div>

    <!--购物车结束-->


<div class="foot">
    <a href="#"> 关于我们</a> <span class="b_word">　|　</span> <a href="#">帮助中心</a> <span class="b_word">　|　</span> <a href="#">联系我们</a><br>
    Copyright elanmao.com 懒猫专业洗衣 2013，All Rights Reserved
</div>

</div>
</body>
<script id="cart-detail" type="text/html">
                <table class="shop_tab">
                <tr>
                    <th style="text-align: left;padding-left: 15px; width: 40%">服务产品</th>
                    <th style="width: 10%">价格</th>
                    <th style="width: 10%">数量</th>
                    <th style="width: 10%">小结</th>
                    <th style="width: 10%">操作</th>
                </tr>
				{{each cart.cartItems}}
                <tr quantity="{{$value.quantity}}" goodsid="{{$value.goodsId}}" price="{{$value.price}}">
                    <td><div class="shop_coat">
                        <img src="../images/coat.png"> <span>{{$value.goodsName}}</span>
                        <div class="det_box">
                        <a href="#">详情<i class="arrow"></i></a>
                        <div class="detail">
                           	 配送方式：悬挂<br>
                           	 包装材料：PVC
                        </div>
                    </div>
                    </div></td>
                    <td>¥{{$value.price}}</td>
                    <td>
                        <a href="javascript:void(0)" class="min" onclick="addGnum(this,-1)"><img src="../images/min.png" ></a>
						<input type="text" class="count_text" name="mdyQuantity" onkeyup="numkeyup(this)" onblur="changeGnum(this)" value="{{$value.quantity}}">
						<a href="javascript:void(0)" class="plus" onclick="addGnum(this,1)"><img src="../images/plus.png"></a>
                   </td>
                    <td>¥{{$value.price}}</td>
                    <td><a href="javascript:void(0)" class="del" onclick="removeItem(this)">删除</a></td>
                </tr>
                {{/each}}
            </table>
            <div class="shop_count">
            	<span><i class="ico ico_dp"></i>全场单笔订单满25元，免运费！</span>
            	总计：<em>￥<strong id="totalPrice">{{cart.totalPrice}}</strong></em>
            </div>
            <div class="shop_btn">
				<a href="javascript:void(0)" onclick="cleanCart()">清空洗衣篮</a>
				<a href="order/orders.html" class="jx">继续挑选</a> 
				<a href="../order/orders.html">现在结算</a>
			</div>
</script>
</html>